@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
    border: none;
    vertical-align: middle;
}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;color: #0e75c8;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
.icon{
background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.pa{position: absolute;}
.content{width: 1200px;margin: 0 auto;}

.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}



.topbar {background-color: #e9e9e9;color: #6a6a6a;line-height: 30px;height: 30px;}
.topbar em {font-style: normal;color: #999;padding: 0 5px;}
.topbar a {color: #6a6a6a;}
.topbar a:hover {color: #333;}

.header {background-color: #fff;}
.header .logo {float: left;font-size: 0;height: 84px;line-height: 70px;text-align: left;padding: 22px 0;}
.header .tel {float: right;background: url(../images/tel.png) no-repeat 0 center;padding-left: 55px;margin-top: 36px;color: #999;}
.header .tel strong {display: block;font-size: 40px;font-family: Impact;line-height: 1;color: #383838; font-weight: normal;}
.header .text {float: left;font-size: 16px;margin: 20px 0 20px 30px;padding: 4px 0 4px 30px;border-left: 1px solid #ddd;color: #999;    }
.header .text strong {display: block;font-size: 18px;color: #076aae;margin-bottom: 5px;font-weight: normal;}
.header .nav {font-size: 0;background-color: #076aae;color: #fff;}
.header .nav li {display: inline-block;vertical-align: middle;}
.header .nav li a {display: block;font-size:18px;line-height: 50px;padding: 0 40px;color: #fff;}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}
.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover {color: #fff;background-color: #e00015;}
.header .nav li.dropdown {position: relative;}
.header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;}
.header .nav .dropdown-box p {margin: 0;}
.header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-size: 14px;background-color: #065f9c !important;line-height: 40px;}
.header .nav .dropdown-box a:hover {background-color: #2798e5 !important;}
.header .nav li.open .dropdown-box {display: block;}
.menu-btn {display: none;padding: 6px 0;float: right;margin-left: 15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #076aae;content: '';}
.menu-btn:before {width: 24px;}
.menu-btn:after {width: 18px;margin-left: 6px;}
.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}
.header .middle {
    margin-left: 133px;
    margin-top: 40px;
}



/**/
.fullSlide { position: relative; z-index: 9; clear: both; width: 100% }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 45px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #fff; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background:#076aae;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% ; }
/**/


.section {padding: 50px 0;}
.section-title {text-align: center;margin-bottom: 40px;color: #076aae;font-size: 24px;font-weight: bold;}
.section-title strong {display: block;text-transform: uppercase;color: #e1f1ff;font-size: 36px;line-height: 1;font-family: arial;}

.list-1 {margin: -30px 0 0 -30px;}
.list-1 li {float: left;width: 33.333333%;}
.list-1 li a {display: block;margin: 18px 0 0 30px;}
.list-1 li .img-cover {padding-top:70%;border:1px  solid #dedede;}
.list-1 li p {margin: 15px 0 0;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-1 li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}

.ct2-sd {float: left;width: 240px;}
.ct2-mn {float: right;width: 930px;}

.panel-sd {margin-bottom: 20px;background-color: #f6f6f6;}
.panel-sd:last-child {margin-bottom: 0;}
.panel-sd .tit {text-align: center;color: #fff;font-size: 20px;padding: 20px 0;background-color: #076aae;}
.panel-sd .tit small {display: block;text-transform: uppercase;font-size: 12px;}

.contact-sd {}
.contact-sd .text {margin-top: 10px;background-color: #f6f6f6;padding: 10px;}
.contact-sd .text dl {margin: 0;}
.contact-sd .text dt {float: left;width: 95px;}
.contact-sd .text dd {margin-left: 105px;color: #666;font-size: 13px;line-height: 1.8;padding-top: 20px;}
.contact-sd .text dt  img{width: 100%;}
.contact-sd .tel {background: url(../images/tel.png) no-repeat 0 center;padding-left: 55px;margin-top: 16px;color: #999;    margin-bottom: 8px;}
.contact-sd .tel strong {display: block;font-size: 27px;font-family: Impact;line-height: 1;color:#1b1b1b;}


.curmbs {margin-bottom: 30px;border-bottom: 2px solid #ddd;padding-bottom: 15px;}
.curmbs em {padding: 0 3px;font-style: normal;color: #999;}

.lanmu li {border-top: 2px dotted #fff;height: 52px;overflow: hidden;}
.lanmu li>a {display: block;line-height: 50px;padding: 0 0 0 25px;background-color: #e6f0f6;color: #666;font-size: 15px;}
.lanmu li .arr {float: right;height: 49px;width: 40px;position: relative;cursor: pointer;}
.lanmu li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}
.lanmu-box {display: none;}
.lanmu-box p {margin: 0;border-top: 1px dotted #ddd;padding-left: 15px;}
.lanmu-box p a {padding: 0 25px;display: block;line-height: 40px;}
.lanmu li>a:hover,.lanmu li.active>a {color: #fff;background-color: #e00015;}
.lanmu li.open .lanmu-box {display: block;}
.lanmu li.open .arr:after {-webkit-transform: rotate(225deg);transform: rotate(225deg);}

.in-honours ul {font-size: 0;}
.in-honours li {width: 280px;display: inline-block;vertical-align: middle;margin-right: 30px;}
.in-honours li a {display: block;color: #fff;}
.in-honours li .img-center {height: 214px;line-height: 214px;}
.in-honours li p {text-align: center;margin: 15px 0 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 14px;}

.in-about {margin: 0;background-color: #f0f7fb;}
.in-about dt {float: left;width: 540px;}
.in-about dd {margin-left: 540px;padding: 25px 30px 21px 50px;}
.in-about dd h4 {margin: 0;position: relative;font-size: 20px;font-weight: normal;color: #076aae;}
.in-about dd h4:after {position: absolute;left: -28px;top: 50%;margin-top: -1px;background-color: #076aae;content: '';height: 2px;width: 18px;}
.in-about dd p {margin: 15px 0 0;line-height: 1.8;color: #666;text-align: justify;}
.in-about dd .btn {display: inline-block;vertical-align: middle;margin: 20px 20px 0 0;padding: 6px 30px;background-color: #076aae;color: #fff;}
.in-about dd .btn:hover {background-color: #076aae;}

.in-desc {margin-left: -30px;}
.in-desc li {float: left;width: 25%;}
.in-desc li .wrap {margin: 30px 0 0 30px;border: 1px solid #eee;padding: 30px;}
.in-desc li .img-center {height: 60px;line-height: 60px;}
.in-desc li .text {margin: 20px 0 0;text-align: center;}
.in-desc li .text h4 {margin: 0;font-weight: normal;font-size: 20px;color: #076aae;}
.in-desc li .text h4:after {content: '';display: block;margin: 15px auto 0;height: 1px;background-color: #076aae;width: 38px;}
.in-desc li .text p {margin: 15px 0 0;color: #888;line-height: 1.7;}
.in-desc li .wrap:hover {border-color: #076aae;}

.bg1 {background: url(../images/casebg2.jpg) no-repeat center / cover;}
.bg2 {background: url(../images/in_contactx.jpg) no-repeat center / cover fixed;color: #fff;}

.in-ff {text-align: center;}
.in-ff h4 {margin: 0;color: #23a5ff;font-size: 35px;}
.in-ff p {margin: 30px 0 0;text-align: center;font-size: 0;}
.in-ff span {display: inline-block;vertical-align: middle;margin: 0 15px;}
.in-ff span img {display: inline-block;vertical-align: middle;width: 18px;margin-right: 10px;}
.in-ff span i {display: inline-block;vertical-align: middle;font-size: 18px;font-style: normal;}

.news-list-left {float: left;width: 470px;}
.news-list-left a {display: block;position: relative;overflow: hidden;}
.news-list-left .img-cover {padding-top: 60%;}
.news-list-left .text {margin: 20px 0 0;}
.news-list-left .text h4 {margin: 0;font-size: 18px;font-weight: normal;}
.news-list-left .text span {color: #999;display: block;margin-top: 10px;}
.news-list-left .text p {margin: 10px 0 0;color: #666;}
.news-list-left a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}
.news-list-right {float: right;width: 690px;margin: -20px 0;}
.news-list-right li {border-bottom: 1px solid #eee;padding: 20px 0;}
.news-list-right li:last-child {border-bottom: 0;}
.news-list-right li a {display: block;overflow: hidden;}
.news-list-right li .time {float: left;text-align: center;width: 80px;padding: 12px 0;background-color: #eaf6ff;font-size: 12px;color: #88888a;}
.news-list-right li .time strong {display: block;font-size: 35px;color: #777;line-height: 1;}
.news-list-right li .text {margin-left: 100px;}
.news-list-right li .text h4 {margin: 0;font-size: 16px;font-weight: normal;}
.news-list-right li .text p {margin: 10px 0 0;color: #8b8b8d;line-height: 1.6;}
.news-list-right li a:hover .time strong {color: #076aae;}

.in-partners ul {font-size: 0;}
.in-partners li {width: 200px;display: inline-block;vertical-align: middle;margin-right: 20px;}
.in-partners li a {display: block;color: #fff;}
.in-partners li .img-center {height: 100px;line-height: 100px;background-color: #fff;}

.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #076aae;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}

.footer {background: url(../images/fobxg2.jpg) no-repeat center bottom #0265a9;color: #fff;padding-top: 50px;}
.footer a {color: #fff;font-size:16px;}
.footer dl {margin: 0 20px 0 0;float: left;width: 403px;}
.footer dt {font-size: 26px;padding-bottom: 10px;}
.footer dd {margin: 10px 0 0;    float: left; width: 116px;}
 .footer dd a{color: #ffffff;}
.footer-contact {float: left;width: 360px;}
.footer-contact strong {display: block;line-height: 1;font-size: 26px;font-family: Impact;color: #ffffff;}
.footer-contact p {margin: 5px 0 0;font-size: 15px;}
.footer-contact .btn {display: inline-block;margin-top: 10px;line-height: 34px;width: 130px;text-align: center;background-color:#0088e3;color:#ffffff;}
.footer-contact .btn:hover {background-color: #044a79;}
.footer-ewm {float: right;}
.footer-ewm li {float: left;width: 140px;margin-left: 18px;}
.footer-ewm li p {margin: 10px 0 0;text-align: center;font-size: 12px;}
.footer-copy {background-color: #044a79;text-align: center;padding: 18px 0;font-size: 12px;margin-top: 50px;}

.drift{ width:50px; height:auto; position:fixed; bottom:3%; right:2px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:50px; height:49px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:50px; height:49px; background:#ccc; overflow:hidden;}
.drift li a:hover{ background:#076aae;}
.drift #rolls a{background:#076aae;}
.drift li a:hover span{display:block;}
.drift li span{width:166px; right:51px;top: 0;height: 49px;line-height: 49px; background: #076aae;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 22px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:146px;display:block;overflow:hidden;padding:10px;width:146px;}
.drift li .ewm em{height:40px;line-height:18px;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000;font-style:normal;}